<script setup lang="ts">
import tools from './tools.vue';
import layers from './layers.vue';
import Base from './base.vue'
import Tab from './tab.vue'
import chart from './chart.vue'
import add from './add.vue'

</script>

<template>
  <div class="TabsBox">
      <Base></Base>
      <layers></layers>
      <tools></tools>
      <Tab></Tab>
      <chart></chart>
      <add></add>
  </div>
</template>
<style scoped>
.TabsBox {
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  background-color: rgba(29, 30, 34,.8);
  width: 100vw;
  height: 60px;
  z-index: 100;
}
.tooltip_box {
    user-select: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: .192rem .384rem;
}
</style>